@use '../tp';

.#{tp.$prefix}-sglv {
	&_i {
		@extend %tp-monitor;

		padding-left: tp.cssVar('blade-h-padding');
		padding-right: tp.cssVar('blade-h-padding');
	}
	&.#{tp.$disabled} &_i {
		opacity: 0.5;
	}
}

.#{tp.$prefix}-mllv {
	&_i {
		@extend %tp-monitor;

		display: block;
		height: calc(#{tp.cssVar('container-unit-size')} * 3);
		line-height: tp.cssVar('container-unit-size');
		padding-left: tp.cssVar('blade-h-padding');
		padding-right: tp.cssVar('blade-h-padding');
		resize: none;
		white-space: pre;
	}
	&.#{tp.$disabled} &_i {
		opacity: 0.5;
	}
}
